<template>
	<view class="content">
		<u-image width="100%" mode="widthFix" :src="pic" :lazy-load="true" border-radius="5px" class="img" ></u-image>

		<home-message></home-message>
		<home-footer></home-footer>
	</view>
</template>

<script>
	import homeFooter from '@/pages/tabbar/tabbar.vue';
	import homeMessage from '@/pages/tabbar/message.vue';
	export default {
		components: {
			homeFooter,
			homeMessage

		},
		data() {
			return {
				title: '',
				content: '',
				pic: ''
			}
		},

		onLoad: function(e) {
			this.$u.api.getType({
				typeid: this.$globals.contact_id,
			}).then(res => {
				if (res.data.pic=="") {
					this.pic = "https://z3.ax1x.com/2021/08/06/fnk7yq.png"
				} else{
					this.pic = res.data.pic;
				}
				console.log(res.data.pic)
				// #ifdef  MP-BAIDU
				// 百度小程序TDK配置
				swan.setPageInfo({
					title: res.data.seo_title,
					keywords: res.data.seo_keywords,
					description: res.data.seo_description,
					image: res.data.pic,
				});
				// #endif
				uni.setNavigationBarTitle({
					title: res.data.title,
				})
			});

		},
		methods: {


		},
	}
</script>

<style>
	page {
		background-color: #f3f4f6;
	}

	.show-top {
		background-color: #FFFFFF;
		padding: 30upx 20upx;
		border-radius: 3px;
	}

	.content {
		padding: 10upx 2%;
		width: 100%;
		margin: auto;
		flex-wrap: wrap;
	}

	.title {
		font-weight: 700;
		line-height: 1.2;
		padding-left: 30upx;
		border-left: 15upx solid #E97017;
		font-size: 34upx;
		margin-bottom: 20upx;
	}

	.art-content {
		line-height: 2em;
		background-color: #FFFFFF;
		padding: 25upx 20upx;
		border-radius: 3px;
		margin-top: 15upx;
		font-size: 26upx;
		color: #606266;

	}

	.swan-web-video-player,
	swan-video[data-poster-type=contain] {
		width: 100% !important;
	}

	.updown {
		width: 100%;
		background-color: #FFFFFF;
		padding: 0upx 20upx;
		margin-top: 15upx;
		border-radius: 3px;
	}

	.updown text {
		display: block;
		font-size: 22upx;
		padding: 28upx 5upx;
		line-height: 2em;
		color: #606266;
	}

	.show-time {
		display: flex;
		justify-content: flex-start;
		color: #82848a;
		font-size: 24upx;
		margin-top: 18upx;
	}

	.show-time .t {
		margin-right: 25upx;
	}
</style>
